/* CSS file for application-level compilation */

/* Type-selectors do not get compiled into the components, but they are available for use by new TestRunner Applications */
Application {
  backgroundColor: #3872b2;
   backgroundGradientColors: #3872b2, #0c1a3d;
   backgroundGradientAlphas: 1, 1;
   themeColor: #ffffff;
   color: #444444;
   fontFamily: "Myriad Pro";
   fontSize: 12;
   verticalScrollBarStyleName: flexUnitScrollBar;
   horizontalScrollBarStyleName: flexUnitScrollBar;
   modal-transparency-blur: 0;
   modal-transparency: 0;   
}

ScrollBar
{
	downArrowDisabledSkin: Embed( source="/skins/VScrollBar_downArrowDisabledSkin.png" );
	downArrowDownSkin: Embed( source="/skins/VScrollBar_downArrowDownSkin.png" );
	downArrowOverSkin: Embed( source="/skins/VScrollBar_downArrowOverSkin.png" );
	downArrowUpSkin: Embed( source="/skins/VScrollBar_downArrowUpSkin.png" );
	thumbIcon: Embed( source="/skins/VScrollBar_thumbIcon.png" );
	trackSkin: Embed( source="/skins/VScrollBar_trackSkin.png" );
	upArrowDisabledSkin: Embed( source="/skins/VScrollBar_upArrowDisabledSkin.png" );
	upArrowDownSkin: Embed( source="/skins/VScrollBar_upArrowDownSkin.png" );
	upArrowOverSkin: Embed( source="/skins/VScrollBar_upArrowOverSkin.png" );
	upArrowUpSkin: Embed( source="/skins/VScrollBar_upArrowUpSkin.png" );
	thumbDownSkin: Embed( 
	   source="/skins/VScrollBar_thumbDownSkin.png",
		   scaleGridLeft="1", scaleGridTop="5", 
		   scaleGridRight="8", scaleGridBottom="44" );
	thumbOverSkin: Embed( 
	   source="/skins/VScrollBar_thumbOverSkin.png",
   		scaleGridLeft="1", scaleGridTop="5", 
   		scaleGridRight="8", scaleGridBottom="44" );
	thumbUpSkin: Embed( 
	   source="/skins/VScrollBar_thumbUpSkin.png",
		   scaleGridLeft="1", scaleGridTop="5", 
		   scaleGridRight="8", scaleGridBottom="44" );
}

/* Embedded Fonts */
 @font-face {
	font-family: "Myriad Pro SemiCond";
	src: url( "/fonts/fonts.swf" );
}
/* CSS file used for component-level compilation */

/* Embedded Fonts */
/* Font for titles */
@font-face {
	font-family: "Myriad Pro SemiCond";
	src: url("/fonts/fonts.swf");
}

/* Font for anything else */
@font-face {
	font-family: "Myriad Pro";
	src: url("/fonts/fonts.swf");
}

@font-face {
	font-family: "Myriad Pro";
	font-weight: bold;
	src: url("/fonts/fonts.swf");
}

ScrollBar
{
	downArrowDisabledSkin: Embed(source="/skins/VScrollBar_downArrowDisabledSkin.png");
	downArrowDownSkin: Embed(source="/skins/VScrollBar_downArrowDownSkin.png");
	downArrowOverSkin: Embed(source="/skins/VScrollBar_downArrowOverSkin.png");
	downArrowUpSkin: Embed(source="/skins/VScrollBar_downArrowUpSkin.png");
	thumbIcon: Embed(source="/skins/VScrollBar_thumbIcon.png");
	trackSkin: Embed(source="/skins/VScrollBar_trackSkin.png");
	upArrowDisabledSkin: Embed(source="/skins/VScrollBar_upArrowDisabledSkin.png");
	upArrowDownSkin: Embed(source="/skins/VScrollBar_upArrowDownSkin.png");
	upArrowOverSkin: Embed(source="/skins/VScrollBar_upArrowOverSkin.png");
	upArrowUpSkin: Embed(source="/skins/VScrollBar_upArrowUpSkin.png");
	thumbDownSkin: Embed(
	   source="/skins/VScrollBar_thumbDownSkin.png",
		   scaleGridLeft="1", scaleGridTop="5", 
		   scaleGridRight="8", scaleGridBottom="44" );
	thumbOverSkin: Embed(
	   source="/skins/VScrollBar_thumbOverSkin.png",
		   scaleGridLeft="1", scaleGridTop="5", 
		   scaleGridRight="8", scaleGridBottom="44" );
	thumbUpSkin: Embed(
	   source="/skins/VScrollBar_thumbUpSkin.png",
		   scaleGridLeft="1", scaleGridTop="5", 
		   scaleGridRight="8", scaleGridBottom="44" );
}

DataGrid {
   alternatingItemColors: #ffffff, #f6f6f6;
   headerColors: #fcfcfc, #e5e5e5;
   verticalGridLineColor: #dcdcdc;
   useRollOver: false;
   rollOverColor: #cccccc;
   selectionColor: #2863b4;
   textSelectedColor: #ffffff;
}


TextInput {
	themeColor: #ffffff;
}



Form {
	paddingTop: 0;
	paddingBottom: 0;
	paddingLeft: 0;
	paddingRight: 0;
	verticalGap: -2;
}

FormItemLabel {
	color: #777777;
}

Button
{
	horizontalGap: -1;
    firstButtonStyleName: "firstButtonBarButton";
    lastButtonStyleName: "lastButtonBarButton";
}

.mainPanel {
   header-height: 0;
   vertical-gap: 2;
	borderSkin: Embed( 
	   source="/skins/Panel_borderSkin.png", 
   	   scaleGridLeft="12", scaleGridTop="31", 
   	   scaleGridRight="265", scaleGridBottom="189" );	
   padding-top: 20;
	padding-left: 8;
	padding-right: 8;
}

.HRule {
	strokeColor: #b9b9b9;
	strokeWidth: 2;
	shadowColor: #FFFFFF; 
}

.FormItemLabel {
	color: #777777;
}

.FormItemValue {
	color: #444444;
}

.panelTitleStyle {
   fontFamily: "Myriad Pro SemiCond";
   fontSize: 24;
   textIndent: 20;
}

.statusPanelTitleSubStyle {
   fontFamily: "Myriad Pro SemiCond";
   fontSize: 16;
   horizontal-center: right;
   paddingLeft: 15;
}

.acPanelTitleSubStyle {
   fontFamily: "Myriad Pro SemiCond";
   fontSize: 16;
   horizontal-center: right;
	color: #C20D2B;
}

.panelTitleSubStyle {
   fontFamily: "Myriad Pro SemiCond";
   fontSize: 16;
   horizontal-center: right;
}

.lowerPanelTitleSubStyle{
   fontFamily: "Myriad Pro SemiCond";
   fontSize: 16;
   textIndent: 20;
}

.panelTitleLogo {
	background-image:Embed(source="/assets/todoLogo_big.png");
	backgroundAlpha: 1.0;
	backgroundSize: auto;
}

.firstButtonBarButton
{
    disabledSkin: Embed(
      source="/skins/ButtonBarFirstButton_disabledSkin.png",
		   scaleGridLeft="6", scaleGridTop="6", 
		   scaleGridRight="40", scaleGridBottom="16" );
    downSkin: Embed(
      source="/skins/ButtonBarFirstButton_downSkin.png",
		   scaleGridLeft="6", scaleGridTop="6", 
		   scaleGridRight="40", scaleGridBottom="16" );
    overSkin: Embed(
      source="/skins/ButtonBarFirstButton_overSkin.png",
		   scaleGridLeft="6", scaleGridTop="6", 
		   scaleGridRight="40", scaleGridBottom="16" );
    selectedDisabledSkin: Embed(
      source="/skins/ButtonBarFirstButton_selectedDisabledSkin.png",
		   scaleGridLeft="6", scaleGridTop="6", 
		   scaleGridRight="40", scaleGridBottom="16" );
    selectedDownSkin: Embed(
      source="/skins/ButtonBarFirstButton_downSkin.png",
		   scaleGridLeft="6", scaleGridTop="6", 
		   scaleGridRight="40", scaleGridBottom="16" );
    selectedOverSkin: Embed(
      source="/skins/ButtonBarFirstButton_overSkin.png",
		   scaleGridLeft="6", scaleGridTop="6", 
		   scaleGridRight="40", scaleGridBottom="16" );
    selectedUpSkin: Embed(
      source="/skins/ButtonBarFirstButton_selectedUpSkin.png",
		   scaleGridLeft="6", scaleGridTop="6", 
		   scaleGridRight="40", scaleGridBottom="16" );
    upSkin: Embed(
      source="/skins/ButtonBarFirstButton_upSkin.png",
		   scaleGridLeft="6", scaleGridTop="6", 
		   scaleGridRight="40", scaleGridBottom="16" );
}

.lastButtonBarButton
{
    disabledSkin: Embed(
      source="/skins/ButtonBarLastButton_disabledSkin.png",
   		scaleGridLeft="6", scaleGridTop="6", 
   		scaleGridRight="40", scaleGridBottom="16" );
    downSkin: Embed(
      source="/skins/ButtonBarLastButton_downSkin.png",
		   scaleGridLeft="6", scaleGridTop="6", 
		   scaleGridRight="40", scaleGridBottom="16" );
    overSkin: Embed(
      source="/skins/ButtonBarLastButton_overSkin.png",
		   scaleGridLeft="6", scaleGridTop="6", 
		   scaleGridRight="40", scaleGridBottom="16" );
    selectedDisabledSkin: Embed(
      source="/skins/ButtonBarLastButton_disabledSkin.png",
		   scaleGridLeft="6", scaleGridTop="6", 
		   scaleGridRight="40", scaleGridBottom="16" );
    selectedDownSkin: Embed(
      source="/skins/ButtonBarLastButton_downSkin.png",
		   scaleGridLeft="6", scaleGridTop="6", 
		   scaleGridRight="40", scaleGridBottom="16" );
    selectedOverSkin: Embed(
      source="/skins/ButtonBarLastButton_overSkin.png",
		   scaleGridLeft="6", scaleGridTop="6", 
		   scaleGridRight="40", scaleGridBottom="16" );
    selectedUpSkin: Embed(
      source="/skins/ButtonBarLastButton_selectedUpSkin.png",
		   scaleGridLeft="6", scaleGridTop="6", 
		   scaleGridRight="40", scaleGridBottom="16" );
    upSkin: Embed(
      source="/skins/ButtonBarLastButton_upSkin.png",
		   scaleGridLeft="6", scaleGridTop="6", 
		   scaleGridRight="40", scaleGridBottom="16" );
}


